<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示属性</title>
		<style>
			#taiyi{
				width: 300px;
				height: 300px;
				background-image: url(img/太乙真人.png);
				background-size: 100% 100%;
				/* 元素消失：左栏、移动消失：盒模型在页面上不存在 */
				display: none;
				display: block;/* 默认 */
				/* 元素隐藏：消失效果，盒模型在页面上存在 */
				visibility: hidden;
				visibility: visible;/* 默认 */
				/* 以上两个属性均可以实现显示与隐藏效果 */
			}
			#shengongbao{
				width: 300px;
				height: 300px;
				background-image: url(img/申公豹.png);
				background-size: 100% 100%;
				/* 光标属性：用户体验，鼠标移动区域呈现用户体验效果 */
				cursor: pointer;/* 手指效果：超链接 */
				cursor: crosshair;/* 十字基准线：拉选区 */
				cursor: text;/* 文本：复制 */
				cursor: wait;/* 等待：沙漏 */
				cursor: help;/* 帮助 */
			}
		</style>
	</head>
	<body>
		<!-- 显示属性--盒模型：元素存在于盒子中【块、行、行内块】，针对盒子提供显示效果 
		     display显示属性：none|block|inline【元素消失|转块|转行】
			 visible显示属性：hidden|visible【元素隐藏|显示】
		-->
		你打我噻<div id="taiyi"></div>
		人心中成见是一座大山<div id="shengongbao"></div>
	</body>
</html>